<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">条目抽取管理--合同核算条目查看</h4>
    </div>

    <div class="modal-body">
      <form class="form-horizontal">
        <div class="form-group">
          <h4 class="col-lg-2">合同相关信息</h4>
        </div>
        <div class="form-group" style="margin-top:20px">
          <label class="col-lg-2 text-right">产品代码:</label>
          <div class="col-lg-3">
            <input class="form-control" [(ngModel)]="contractBody.sFundCode" name="sFundCode" disabled>
          </div>
          <label class="col-lg-2 text-right">产品名称:</label>
          <div class="col-lg-3">
            <input class="form-control" [(ngModel)]="contractBody.sFullName" name="sFullName" disabled>
          </div>
        </div>

        <div class="form-group" style="margin-top:20px">
          <label class="col-lg-2 text-right">产品类型:</label>
          <div class="col-lg-3">
            <input class="form-control" [(ngModel)]="contractBody.sFundTypeZh" name="sFundTypeZh" disabled>
          </div>
          <label class="col-lg-2 text-right">条目模板:</label>
          <div class="col-lg-3">
            <select class="form-control" [(ngModel)]="optionModel" name="select">
              <option selected="selected" [value]="1">核算条目模板-基本管理费</option>
              <option [value]="2">核算条目模板-业绩报酬</option>
              <option [value]="3">核算条目模板-其他费用</option>
            </select>
          </div>
        </div>

        <div class="form-group">
          <h4 class="col-lg-2">条目内容</h4>
        </div>

        <table class="table table-bordered table-hover">
          <thead>
            <tr>
              <th style="width:20% !important">标题</th>
              <th style="width:30% !important">内容</th>
              <th style="width:50% !important">内容说明</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngIf="optionModel==1">
              <td>计提费率</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccRate" name="sAccRate">
              </td>
              
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccRateExp" name="sAccRateExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==1">
              <td>支付频率</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayFreBasic" name="sPayFreBasic">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayFreBasicExp" name="sPayFreBasicExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==1">
              <td>计提条件</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccCon" name="sAccCon">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccConExp" name="sAccConExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==1">
              <td>支付条件</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayConBasic" name="sPayConBasic">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayConBasicExp" name="sPayConBasicExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==1">
              <td>支付流程</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayProBasic" name="sPayProBasic">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayProBasicExp" name="sPayProBasicExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>业绩基准</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAch" name="sAch">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAchExp" name="sAchExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>计提比例</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccPro" name="sAccPro">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccProExp" name="sAccProExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>计提上限</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccLimit" name="sAccLimit">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccLimitExp" name="sAccLimitExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>计提公式</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccFormula" name="sAccFormula">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAcclFormulaExp" name="sAcclFormulaExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>计提频率</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccFre" name="sAccFre">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sAccFreExp" name="sAccFreExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>支付频率</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayFre" name="sPayFre">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayFreExp" name="sPayFreExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>支付条件</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayCon" name="sPayCon">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayConExp" name="sPayConExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==2">
              <td>支付流程</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayPro" name="sPayPro">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sPayProExp" name="sPayProExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==3">
              <td>受托费相关信息</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sCommFeeinfo" name="sCommFeeinfo">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sCommFeeinfoExp" name="sCommFeeinfoExp">
              </td>
            </tr>
            <tr *ngIf="optionModel==3">
              <td>托管费相关信息</td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sTrusteeFeeinfo" name="sTrusteeFeeinfo">
              </td>
              <td class="td-padding">
                <input class="input-width" maxlength="500" [(ngModel)]="entryInfo.sTrusteeFeeinfoExp" name="sTrusteeFeeinfoExp">
              </td>
            </tr>
          </tbody>
        </table>
      </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      <button type="button" class="btn btn-primary pull-rigth" (click)="editAccountEntry()">保存</button>
    </div>
  </div>
</div>